/* stylelint-disable docusaurus/copyright-header */
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
    --palette-charade: #21222c;
    --palette-gray: #32343e;
    --palette-pale-blue: #b1b5d3;
    --palette-light-green: #b1e8dc;
    --palette-green: #25c2a0;
    --palette-midnight: #18191a;
    --palette-rock: rgb(var(--palette-rock-raw));
    --palette-rock-raw: 38, 40, 51;
    --palette-sky: #81d3f9;
    --palette-turquoise: #0cc0df;
    --palette-white: #fff;
    --palette-white-03: rgba(255, 255, 255, 0.03);
    --palette-white-05: rgba(255, 255, 255, 0.05);
    --palette-white-10: rgba(255, 255, 255, 0.1);
    --palette-white-20: rgba(255, 255, 255, 0.2);
    --palette-white-30: rgba(255, 255, 255, 0.3);
    --palette-white-darker: #d9d9d9;
    --palette-yellow: #ffd54f;

    --font-size-small: 15px;
    --font-size-normal: 16px;
    --font-size-large: 18px;
    --font-size-llarge: 24px;
    --font-size-xlarge: 32px;
    --font-size-xxlarge: 46px;
    --font-size-xxxlarge: 64px;

    --ifm-color-primary: var(--palette-green);
    --ifm-color-primary-dark: #04bb95;
    --ifm-color-primary-darker: rgb(9, 170, 135);
    --ifm-color-primary-darkest: rgb(14, 134, 106);
    --ifm-color-primary-light: rgb(70, 203, 174);
    --ifm-color-primary-lighter: rgb(102, 212, 189);
    --ifm-color-primary-lightest: rgb(146, 224, 208);
    --ifm-code-font-size: 95%;
    --ifm-font-color-base: var(--palette-white);
}

img {
    border-style: none;
    box-sizing: content-box;
    max-width: 100%;
}


nav {
    color: #34313d;
    --ifm-font-size-base: var(--font-size-normal);
    --ifm-link-color: var(--palette-green);
}

.img_donate {
    height: 350px;
    float: left;
}

.img_margin {
    display: block;
    margin: 4rem auto;
}

.img_shadow {
    box-shadow: 0 15px 61px 5px rgba(2, 2, 2, 0.94);
}

.img_clear {
    clear: left;
}

.banner {
  background-color: #353d38;
}

.banner-title {
    color: var(--palette-white);
    font-size: 56px;
    text-align: left;
}

.banner-subtitle {
    margin-top: 40px;
    color: var(--palette-white);
    font-size: 24px;
    text-align: left;
}

.banner-last-version {
    margin-top: 70px;
    color: var(--palette-white);
    font-size: 14px;
    text-align: left;
}

.tag-last-version {
    color: var(--palette-green);
    font-weight: bold;
}

.btn-start {
  color: white;
}


.navbar-item-board {
    padding-left: 2.25rem;
    background-image: url("http://dt_flys.gitee.io/forest-website/img/board.svg");
    background-position-x: 0.5rem;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}

.navbar-community-board {
    padding-left: 2.25rem;
    background-image: url("http://forest.dtflyx.com/img/shequ.svg");
    background-position-x: 0.5rem;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}



.navbar-item-github {
    padding-left: 2.25rem;
    background-image: url("http://dt_flys.gitee.io/forest-website/img/github.svg");
    background-position-x: 0.5rem;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}


.navbar-item-gitee {
    padding-left: 2.25rem;
    background-image: url("http://dt_flys.gitee.io/forest-website/img/gitee.svg");
    background-position-x: 0.5rem;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}

.dromara-logo {
    width: 80px;
}

.donate_company_logo {
    background-color: #ffffff;
}

.wwads-right {
    position: fixed;
    right: 0px;
    top: 70px;
    z-index: 9999;
}

.docSidebarContainer_3Kbt {
    width: 305px !important;
}

.sidebar_3jCp {
    width: 305px !important;
}

.wwads-right-div {
    max-width:140px;
    background-color: var(--palette-gray);
}

.wwads-vertical {
    margin-top: 0 !important;
}

a.wwads-text{
    color: #e3e3e3 !important;
    font-size: 10px !important;
}

.wwads-horizontal {
    padding: 0 !important;
    background-color: var(--palette-midnight) !important;
    max-height: 120px !important;
}


